import { Gradient } from "@/module-00-codebase/pkg-08-entity/gradient";
import { ResponsiveLayout } from "@/module-00-codebase/pkg-08-entity/responsive-layout";

const step0 = { backgroundColor: "red" };
const step1 = { backgroundColor: "green" };
const step2 = { backgroundColor: "blue" };
const step3 = { backgroundColor: "white" };
const step4 = { backgroundColor: "black" };
const step5 = { backgroundColor: "pink" };
const step6 = { backgroundColor: "grey" };
const step7 = { backgroundColor: "red" };
export const animation = new Gradient(
  [
    [0, step0], //e
    [0.1, step1],
    [0.2, step2],
    [0.3, step3],
    [0.4, step4],
    [0.6, step5],
    [0.8, step6],
    [1, step7]
  ],
  20
);
const pc = { fontSize: "36px" };
const mobile = { backgroundColor: "red" };
const common = { backgroundColor: "green" };
export const responsiveLayout = new ResponsiveLayout(pc, mobile, common);
export const normal = { backgroundColor: "black", color: "white", fontWeight: "900" };
